@charset "utf-8";
body {
  background: #fff;
  color: #666;
  font-family: "Noto Sans JP"; 
  font-size: 16px;
  line-height: 1.4;
}

a{ text-decoration: none; }


header{
  width: 100%;
  margin-bottom: -3px;
}

header h1{
  margin: 0 auto;
  width: 1080px;
  position: relative;
}

.top_men{
  position: absolute;
  left: 300px;
  bottom: 350px;
}

.top_wmn{
  position: absolute;
  left: 300px;
  bottom: 180px;
}

.top_men_2{
  position: absolute;
  left: 265px;
  bottom: 92px;
}

.top_wmn_2{
  position: absolute;
  left: 600px;
  bottom: 92px;
}

.top_men_f{
  position: absolute;
  left: 300px;
  bottom: 350px;
}

.top_wmn_f{
  position: absolute;
  left: 300px;
  bottom: 180px;
}

@media screen and (max-width:1250px){
  .top_men{
    bottom: 22%;
    left: 20%;
    width: 60%;
    height: auto;
  }

  .top_wmn{
    bottom: 9%;
    left: 20%;
    width: 60%;
    height: auto;
  }

  .top_men_2{
    bottom: 10%;
    left: 20%;
    width: 30%;
    height: auto;
  }

  .top_wmn_2{
    bottom: 10%;
    left: 50%;
    width: 30%;
    height: auto;
  }

  .top_men_f{
    bottom: 19%;
    left: 20%;
    width: 60%;
    height: auto;
  }

  .top_wmn_f{
    bottom: 7.5%;
    left: 20%;
    width: 60%;
    height: auto;
  }

}

header h1 img.mv{
  width: 100%;
  height: auto;
}

div#wrapper{
  margin: 0 auto;
  width: 1080px;
}

div#wrapper figure{
  line-height: 0;
  text-align: center;
  width: 100%;
}

@media screen and (max-width:1250px){
  div#wrapper,
  header h1{
    width: 100%;
  }
}

figure.fig2b{
  position: relative;
}

figure.fig4b{
  position: relative;
}

figure.fig5b{
  position: relative;
}

@media screen and (max-width:1250px){

  figure.fig1 img,
  figure.fig2 img,
  figure.fig3 img,
  figure.fig4 img,
  figure.fig5 img,
  img.fig2,
  img.fig4,
  img.fig5{
    width: 100%;
    height: auto;
  }
}

nav{
  background: #9ac0e6;
  box-sizing: border-box;
  padding: 15px 0;
  margin: 0 auto;
  width: 100%;
}

@media screen and (max-width:1100px){
  nav{
    width: 100%;
  }
}

nav ul{
  display:-webkit-box;
  display:-moz-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content: center;
}

nav ul li{
  font-size: 14px;
  color: #fff;
}


@media screen and (max-width:640px){
  nav{
    padding: 5px 10px;
  }

  nav ul li{
    margin: 5px 0;
  }
}

footer{
  background: #fff;
  padding: 20px 0;
  width: 100%;
}

footer p{
  color: #f199aa;
  font-size: 10px;
  line-height: 1.8;
  text-align: center;
}